holybible.view.ListView = holybible.view.BodyView.extend({
	name: "list",
	LIST_TEMPLATE: "<ul class='list'></ul>",
	
	init: function() {
		this._super();
		this.list = null;
	},
	draw: function() {
		if (!this.isDrawn) {
			this.list = $(this.makeHtml(this.LIST_TEMPLATE));
			this.list.attr("id", this.name);
			this.container.append(this.list);
			this.setEvent();
		}
		this._super();
	},
	clearList: function() {
		this.list.html("");
	},
	addList: function(item) {
		this.list.append(item);
	},
	show: function(param) {
		if (!this.list) { this.draw(param); }
		if (this.list && this.list.show) { this.list.show(); }
	},
	hide: function() {
		if (this.list && this.list.hide) { this.list.hide(); }
	}
});
